<template>
  <div class="container">
    <div class="map">
      <Map></Map>
    </div>
    <div class="liquidfill">
      <Liquidfill></Liquidfill>
    </div>
  </div>
</template>

<script lang="ts" setup>
import { onMounted } from "vue";
import Liquidfill from "./components/liquidfill/index.vue";
import Map from "./components/map/index.vue";

onMounted(() => {
  console.log("");
});

// const getSacle = (w = 1920, h = 1080) => {
//   const ww = window.innerWidth / w;
//   const wh = window.innerHeight / h;
//   return ww < wh ? ww : wh;
// };
</script>
<style scoped lang="scss">
.container {
  width: 100vw;
  height: 100vh;
}
</style>
